const app = getApp();
import { getMessages, readMessage, delMessa } from '../../utils/requestApi.js'; 
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgUrl: app.data.imgurl,  // 服务器 配置地址
    list:[],
    page: 1,
    hiddenLodaing: true
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.initData();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  initData(param){
    let { page, list } = this.data;
    if (param) this.setData({ hiddenLodaing: false })
    else wx.showLoading({ title: '加载中...' })
    getMessages({
      PageIndex: page,
      PageSize: 10
      // IsRead: 0
    }).then(res =>{
      wx.hideLoading();
      this.setData({ hiddenLodaing: true })
      if (res.data.Status == 'Success' && res.data.Data.length != 0) {
        this.setData({
          list: [...list, ...res.data.Data],
          page: page + 1
        })
      }
    })
  },
  
  //点击已读  或者 删除
  onClose(e) {
    const { position, instance } = e.detail;
    let { list } = this.data;
    if (position == 'left') {
      readMessage({ MessageId: e.currentTarget.dataset.id }).then(res =>{
        instance.close();
        if (res.data.Status == 'Success') wx.showToast({ icon: 'none', title: res.data.Message })
        else wx.showToast({ icon: 'none', title: res.data.Message })
      })
    }
    if (position == 'right') {
      delMessa({ MessageId: e.currentTarget.dataset.id }).then(res => {
        instance.close();
        if (res.data.Status == 'Success') {
          wx.showToast({ icon: 'none', title: res.data.Message })
          list.forEach((item, index) =>{
            if (item.MessageId == e.currentTarget.dataset.id) list.splice(index, 1);
          })
          this.setData({ list })
        }
        else wx.showToast({ icon: 'none', title: res.data.Message })
      })
    }
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.initData(true);
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})